<!--
 * @Descripttion: 
 * @version: 
 * @Author: ruxiang.wang
 * @Date: 2021-05-31 14:57:25
 * @LastEditors: ruxiang.wang
 * @LastEditTime: 2021-07-02 21:05:42
-->
<template>
  <div class="dashboard-container">
    <div class="dashboard-text">
      <el-image
        v-for="(count,index) in 5" :key="index"
        style="width: 100px; height: 100px"
        :src="happyUrl"
        fit="fill">
      </el-image>
      <span class="dashboard-span">美好的一天从此刻开始，加油，{{ name }}。</span>
    </div>
    <!-- <div class="dashboard-text">用户名: {{ name }}</div> -->
  </div>
</template>

<script>
import { mapGetters } from 'vuex'

export default {
  name: 'Dashboard',
  computed: {
    ...mapGetters([
      'name'
    ])
  },
  data() {
    return {
      happyUrl: require('../../../src/assets/happy.png'),
    }
  },
}
</script>

<style lang="scss" scoped>
.dashboard {
  &-container {
    margin: 30px;
  }
  &-text {
    font-size: 26px;
    line-height: 46px;
  }
  &-span{
    display: block;
  }
}
</style>
